<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head-fragment">
    <meta charset="utf-8">
    <!--    <title th:text="|${configurations.get('websiteName')} - ${pageName}|">主页</title>-->
    <!--    <title>Handsome Blog</title>-->
    <title th:text="${configurations.get('websiteName')}"></title>
    <meta name="description" th:content="${configurations.get('websiteDescription')}">

    <!--favicon.ico-->
    <link rel="shortcut icon" th:href="@{${configurations.get('websiteIcon')}}"/>

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Window-target" content="_top"/>
    <link rel="stylesheet" th:href="@{/blog/amaze/css/base.css}">
</head>
<nav th:fragment="nav-fragment" class="navbar navbar-default navbar-custom navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle" data-for="toggle-items">
                <span class="sr-only"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/" th:text="${configurations.get('websiteName')}">
            </a>
        </div>
        <div class="navbar-collapse" style="display: none;" id="toggle-items">
            <ul class="nav navbar-nav navbar-right">
                <li>
                    <a th:href="@{/index}">主页</a>
                </li>
                <li>
                    <a th:href="@{/link}">友链</a>
                </li>
                <li>
                    <a th:href="@{http://handsomekie.usa3v.work/%E5%AF%86%E7%A0%81%E9%94%81.html}">相册</a>
                </li>
                <li>
                    <a th:href="@{http://handsomekie.usa3v.work/%E5%85%B3%E4%BA%8E%E6%88%91.html}">关于我</a>
                </li>
                <li>
                    <a th:href="@{/admin}">后台管理</a>
                </li>
            </ul>
        </div>

        <div id="huxblog_navbar">
            <div class="navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a th:href="@{/index}">主页</a>
                    </li>
                    <li>
                        <a th:href="@{/link}">友链</a>
                    </li>
                    <li>
                        <a th:href="@{http://handsomekie.usa3v.work/%E5%AF%86%E7%A0%81%E9%94%81.html}">
                            相册
                        </a>
                    </li>
                    <li>
                        <a th:href="@{http://handsomekie.usa3v.work/%E5%85%B3%E4%BA%8E%E6%88%91.html}">
                            关于我
                        </a>
                    </li>

                    <li>
                        <a th:href="@{/admin}">后台管理</a>
                    </li>

                </ul>

            </div>
        </div>

        <!-- /.navbar-collapse -->
        <script th:src="@{/blog/default/js/jquery.min.js}"></script>
        <script>
            $(function () {
                $('.navbar-toggle').click(function () {
                    $('#toggle-items').fadeToggle("fast");
                });
            })
        </script>
    </div>
</nav>
<!--背景图片-->
<header th:fragment="header-fragment" class="intro-header"
        style="background-image:url(/blog/amaze/images/bjtp.jpg)">

    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                <div class="site-heading">
                    <span class="subheading">
                        <b style="font-size: 22px;">万般皆下品，唯有读书高。</b>
                    </span>
                </div>
            </div>
        </div>
    </div>
</header>
<!--烟花特效资源-->
<script th:src="@{/blog/default/js/yhtx.js}"></script>
</html>
